<template>
  <div>
    <el-select v-model="value" @change="handleChange">
      <el-option label="HTML" value="text/html"></el-option>
      <el-option label="CSS" value="text/css"></el-option>
      <el-option label="Javascript" value="text/javascript"></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: 'text/javascript', // 默认为js
    };
  },
  methods: {
    handleChange(value) {
      this.$emit('modeChange', value);
    },
  },
};
</script>
